<!--
 * @Author: 曹捷
 * @Date: 2020-06-24 17:01:50
 * @LastEditors: 曹捷
 * @LastEditTime: 2020-06-28 09:06:21
 * @Description: 底部固定按钮组   详情回复页面
--> 
<template>
  <div class="obit-fixed-foot">
    <div class="foot-bak"></div>
    <div class="fixed-foot">
      <div class="foot-content">
        <slot></slot>
      </div>
    </div>
  </div>
</template>

<script>
export default {}
</script>

<style lang="scss">
.obit-fixed-foot {
  .foot-bak {
    width: 100%;
    height: 90rpx;
  }
  .fixed-foot {
    position: fixed;
    bottom: 0;
    right: 0;
    background: #f8f8f8;
    left: 0;
    padding: 10rpx 0;
    .foot-content {
      color: #7d7575;
      height: 70rpx;
      line-height: 70rpx;
      display: flex;
      justify-content: space-around;
      .iconfont {
        padding-right: 10rpx;
      }
      .item {
        position: relative;
        flex: 1;
        text-align: center;
      }
      .item::before {
        position: absolute;
        top: 16rpx;
        bottom: 16rpx;
        width: 2rpx;
        background: #c3bcbc;
        content: ' ';
        right: 0;
      }
      .item:last-child::before {
        width: 0rpx;
      }
    }
  }
}
</style>
